<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"  xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<link href="/css/jquery-select/jquery.searchableSelect.css" rel="stylesheet" type="text/css">
<body class="gray-bg">
	<div class="wrapper wrapper-content animated fadeInRight">
		<div class="col-sm-12">
			<div class="ibox">
				<div class="ibox-body">
					<div class="fixed-table-toolbar">
						<div class="columns pull-right" role="group">
							<button class="btn btn-success" onclick="reLoad()">
								<i class="fa fa-search" aria-hidden="true"></i>查询
							</button>
						</div>
						<div class="columns pull-left col-md-1 nopadding" th:if="${flag} == '0'">
							<select data-placeholder="商户" class="form-control chosen-select" id="centreId" tabindex="2">
								<option value="" selected="selected">选择商户</option>
								<option th:each="item: ${centreList}" th:text="${item.name}" th:value="${item.centreId}"></option>
							</select>
						</div>
						<div class="columns pull-left col-md-1 nopadding">
							<select id="payMethod" name="payMethod" data-placeholder="选择支付方式" class="form-control chosen-select" tabindex="2">
								<option value="" selected="selected">支付方式</option>
								<option value="1">现金</option>
								<option value="2">银行卡</option>
								<option value="3">微信</option>
								<option value="4">支付宝</option>
							</select>
						</div>
						<div class="pull-left search nopadding" style="size: 30%">
							<input id="keyword" name="keyword" type="text" class="form-control" placeholder="姓名/联系电话">
						</div>
					</div>
					<table id="cashierVipTable" data-mobile-responsive="true"></table>
				</div>
			</div>
		</div>

		<div>
			<script type="text/javascript">
				var s_edit_h = 'hidden';
                var s_editStore_h = 'hidden';
				var s_closeSet_h = 'hidden';
				var s_cancel_h = 'hidden';
                var s_checkTimeSet_h = 'hidden';
                var s_teamuser_h = 'hidden';
                var s_setStaff_h = 'hidden';
                var s_closeStaff_h = 'hidden';
                var s_agent_h = 'hidden';
                var s_useragent_h = 'hidden';
			</script>
		</div>
		<div shiro:hasPermission="commanderList:manage:edit">
			<script type="text/javascript">
			    s_edit_h = '';
			</script>
		</div>
		<div shiro:hasPermission="commanderList:manage:editStore">
			<script type="text/javascript">
                s_editStore_h = '';
			</script>
		</div>
		<div shiro:hasPermission="commanderList:manage:closeSet">
			<script type="text/javascript">
			    s_closeSet_h = '';
			</script>
		</div>
		<div shiro:hasPermission="commanderList:manage:checkTimeSet">
			<script type="text/javascript">
                s_checkTimeSet_h = '';
			</script>
		</div>
		<div shiro:hasPermission="commanderList:manage:cancel">
			<script type="text/javascript">
				s_cancel_h = '';
			</script>
		</div>
		<div shiro:hasPermission="commanderList:manage:teamuser">
			<script type="text/javascript">
			s_teamuser_h = '';
			</script>
		</div>
		<div shiro:hasPermission="commanderList:manage:setStaff">
			<script type="text/javascript">
			s_setStaff_h = '';
			</script>
		</div>
		<div shiro:hasPermission="commanderList:manage:closeStaff">
			<script type="text/javascript">
			s_closeStaff_h = '';
			</script>
		</div>
		<div shiro:hasPermission="commanderList:manage:agent">
			<script type="text/javascript">
			  s_agent_h = '';
			</script>
		</div>
		<div shiro:hasPermission="commanderList:manage:edit">
			<script type="text/javascript">
				var s_useragent_h = '';
			</script>
		</div>
	</div>
	<div th:include="include :: footer"></div>
	<script type="text/javascript" src="/js/appjs/cashier/vip/manage/cashierVip.js"></script>
	<script src="/js/jquery-select/jquery.searchableSelect.js"></script>
	<script type="text/javascript">
	$(function(){
		$('select').searchableSelect();
	});
	</script>
</body>
</html>